<!doctype html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8">

        <title>Módulo de Alocação de Recursos</title>

        <style rel="stylesheet" href="css/style.css">
            .wrapper{
                width:560px;
                margin:0 auto;
            }
            #app {
                border: 1px solid #ccc;
                min-height: 126px;
                padding: 30px;
            }
            label {
                width: 400px;
                padding: 0 0 5px 0;
                display: block;
                margin: 0 auto;
                color: #666
            }
            input {
                width: 396px;
                height: 24px;
                display: block;
                margin: 0 auto;
            }
            table {
                width: 398px;
                border: 1px solid #dedede;
                border-collapse: collapse;
                margin: 0 auto
            }
            td { height: 30px; }
            h3 { 
                display: block; 
                width: 400px;
                text-align: center;
                margin: 0 auto;
                padding: 10px 0;
            }
            button {
                height: 30px;
                width: 215px;
                margin: 0 auto;
                display: block;
            }
        </style>

    </head>
    <body>
        <h1 style="margin: 0">Módulo Alocação Recursos</h1>
        <span style="color: #999">Desenvolvido por Gabriel Ponã e Vinícius Cardoso</span>
        <br />
        <br />
        
        <hr />
        <span><a href="telaSolicitaRecurso.php">Solicitar Recurso (Marcar Evento)</a> &nbsp; | &nbsp; <a href="telaDesalocaRecurso.php">Desalocar Recurso (Finalizar Evento)</a></span>
        <hr />
        
        <br />
        <br />
        <br />
        <br />
        <div id="app-container">
            <div id="app" class="wrapper">
                <form id="form-desaloca-recurso" method="post" action="#">
                    <label for="input-id-evento">Insira o Número Identificador do evento:</label>
                    <input type="text" name="input-id-evento" id="input-id-evento" value="">
                    <br />
                    <br />
                    <button type="submit">Desalocar Recurso</button>
                </form>
            </div>
            <br />
            <br />
            <div id="app" class="wrapper">
                <form id="form-desaloca-recurso" method="post" action="#">
                    <table cellpadding="5" cellspacing="0" border="1">
                        <tbody>
                            <tr>
                                <td width="200"><strong>Id. Evento</strong></td>
                                <td>001</td>
                            </tr>
                            <tr>
                                <td><strong>Descr. Recurso</strong></td>
                                <td>Britadeira</td>
                            </tr>
                            <tr>
                                <td><strong>Tipo Recurso</strong></td>
                                <td>Equipamento</td>
                            </tr>
                            <tr>
                                <td><strong>Data de Início do Evento</strong></td>
                                <td>12/12/2012</td>
                            </tr>
                        </tbody>
                    </table>
                    <br />
                    <br />
                     <h3>Deseja desalocar o Recurso acima?</h3>
                    <button type="submit">Desalocar Recurso</button>
                </form>
            </div>
        </div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
        
        <script src="js/libs/jquery.maskedinput-1.1.4.pack.js"></script>
        <script src="js/script.js"></script>
    </body>
</html>
